@font-face {
  font-family: "Ukij";
  /* src: local("Ukij Tuz Tom"), url(../font/UKIJEkran.ttf) format("opentype"); */
  src: local("UKIJ Qara"), url(../font/UKIJQara-b.ttf) format("opentype");
}
.Ukij { font-family: "Ukij"; font-weight: bold; }

.rtl { direction: rtl; }

/* 宽度 */
.width_100vw {width: 100vw;}
.width_200 {width: 200px !important;}
.width_190 {width: 190px !important;}
.width_160 {width: 160px !important;}
.width_150 {width: 150px;}
.width_130 {width: 130px !important;}
.width_100 {width: 100px !important;}
.width_90 {width: 90px !important;}
.width_80 {width: 80px !important;}
.width_40 {width: 40px !important;}
.width_50 {width: 50px;}
.width_30 {width: 30px;}
.width_20 {width: 20px;}
.width_15 {width: 15px !important;}
.width_10 {width: 10px;}
.width_25p {width: 25%;}
.width_23p {width: 23%;}
.width_20p {width: 20%;}
.width_30p {width: 30%;}
.width_48p {width: 48%;}

/* 高度 */
.height_full_vh {height: 100vh;}
.height_500 {height: 500px;}
.height_300 {height: 300px;}
.height_200 {height: 200px;}
.height_170 {height: 170px;}
.height_150 {height: 150px;}
.height_100 {height: 100px;}
.height_80 {height: 80px;}
.height_50 {height: 50px;}
.height_45 {height: 45px;}
.height_40 {height: 40px;}
.height_30 {height: 30px;}
.height_15 {height: 15px;}

.text-main-color {color: #01D5CB;}
.text-white-color {color: white;}

.bg-main-color {background-color: #01D5CB;}

/* 透明背景 */
.bg-opacity { background-color: rgba(0, 0, 0, 0.7) }

/* padding */
.e-p-a-5 {padding: 5px !important;}
.e-p-x-10 {padding:0 10px}
.e-p-x-5 {padding:0 5px}
.e-p-x5-y10 {padding:5px 10px}
.e-p-x3-y5 {padding:3px 5px}

/* padding X */
.e-px-5 { padding-left: 5px; padding-right: 5px; }

/* padding bottom */
.e-pb-230 { padding-bottom: 230px; }
.e-pb-130 { padding-bottom: 130px !important; }
.e-pb-100 { padding-bottom: 100px; }
.e-pb-5 { padding-bottom: 5px; }

/* line-height */
.line-height-35 {line-height: 35px}
.line-height-200 {line-height: 200px}

/* margin */
.e-mb-100 {margin-bottom: 100px;}
.e-mb-10 {margin-bottom: 10px;}

/* margin left */
.e-ml-5{margin-left: 5px;}
.e-ml-3{margin-left: 3px;}

/* margin top */
.e-mt-5{margin-top: 5px;}

/* margin X */
.e-mx-3 { margin-left: 3px; margin-right: 3px;}

/* 2 行内容 */
.margin-2-L-0:nth-child(2n) {
  margin-left: 0;
}

/* border */
.border-b-1 {border-bottom: 1px solid rgb(66, 66, 66);}
.border-b-2 {border-bottom: 1px solid #eee;}
.border-b1-main {border: 1px solid #01D5CB;}
.border-b-main {border: 2px solid #01D5CB;}
.border-ba1-e {border: 2px solid #eeeeee;}
.e-border-a-2 {border: 2px solid #eee;}
.e-border-a-orange-2 {border: 2px solid #fcb243;}

/* boxSizing */
.boxSizing { box-sizing: border-box; }

/* border-radius */
.border-r-8 {border-radius: 8px;}
.border-r-10 {border-radius: 10px;}
.border-r-15 {border-radius: 15px;}
.border-r-50p {border-radius: 50%;}

/* flex */
.Dflex { display: flex }
.wrap { flex-wrap: wrap; }
.nowrap { flex-wrap: nowrap; }
.Dcolumn { display: flex; flex-direction: column; }
.Dcontents { display: contents !important; }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between; }
.align-center {align-items: center}

/* inline-block */
.inline-block { display: inline-block; }
.block { display: block; }

/* overflow: hidden; */
.overflow-h {overflow: hidden;}
.overflow-scroll {overflow: scroll;}
.overflow-y {overflow-y: auto;}
.overflow-x {overflow-x: overlay;}

/* position */
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }

/* top */
.e-t-0 {top:0;}

/* bottom */
.e-b-0 {bottom:0;}
.e-b-100 {bottom: 100px;}
.e-b-80 {bottom: 80px;}

/* left */
.e-l-0 {left:0;}
.e-r-0 {right: 0;}
.e-r-10 {right:18px;}

/* z-index */
.zIndex1 {z-index: 1;}

/* font-size */
.font_size28 {font-size: 28px}
.font_size20 {font-size: 20px}
.font_size18 {font-size: 18px}
.font_size16 {font-size: 16px}
.font_size14 {font-size: 14px}
.font_size12 {font-size: 12px}
.font_size11 {font-size: 11px}
.font_size10 {font-size: 10px}
.font_size8 {font-size: 8px !important;}

/* font-wight */
.fontW-b{font-weight: bold;}
.fontW-900{font-weight: 900;}

/* text */
.text-justify {text-align: justify}
.text-center {text-align: center;}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}

/* index */
.z-index2 {z-index: 2}
.z-index1 {z-index: 1}
.z-index-1 {z-index: -1}